<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html >
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>RFID管理系统 登录</title>
    <% request.getSession().setAttribute("PATH",request.getContextPath());%>
    <!-- Bootstrap -->
    <link href="${PATH}/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="${PATH}/css/signin.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="${PATH}/js/jQuery-3.5.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
   <%-- <meta name="viewport" content="width=device-width,initial-scale=1.0,
    minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>--%>
    <script src="${PATH}/js/bootstrap.min.js"></script>
    <script src="${PATH}/js/index.js"></script>
    <style>
        .lgbg{
            background-image: url('${PATH}/images/loginbg1.jpg');
            background-repeat: no-repeat;
            background-size:100% 145%;
        }
        .head {
            font-size: 46px;
            text-align: center;
            font-style:oblique;
        }
    </style>
</head>
<body class="lgbg">
<div class="container">
    <div class="col-lg-12">
        <h2 class="head">RFID管理系统</h2>
    </div>
    <form action="javascript:void(0);" method="post" id="loginForm" class="clearfix form-signin">
        <h2 class="form-signin-heading">请登录：<span id="ts"></span></h2>
        <div class="form-group" style="margin-top: 5px">
            <label for="name" class="sr-only"></label>
            <input type="text" id="name" name="name" class="form-control" placeholder="User name" >
            <span class="help-block"></span>
        </div>
        <div class="form-group" style="margin-top: 5px">
            <label for="password" class="sr-only"></label>
            <input type="password" id="password" name="password" class="form-control" placeholder="Password" >
            <span class="help-block"></span>
        </div>

        <div  class="form-group" style="margin-top: 5px">
            <input class="col-xs-6" name="code" id="code" type="text" style="height: 38px" placeholder="请输入验证码" autocomplete="off">
            <img style="float: right" id="codeimg" src="user/code" alt="code" onclick="changeCheckCode(this)">
            <span style="float: left" id="span" class="help-block"></span>

        </div>

        <div class="form-group" >
            <label class="form-group col-xs-12" style="float: left;margin-top: 10px">
                <input type="checkbox" id="mima" name="mima" value="true"> 自动登录
                <label style="float: right;">
                    <select id="yh" class="input-sm">
                        <option value ="1">普通用户</option>
                        <option value ="2">管理员</option>
                    </select>
                </label>
            </label>
        </div>
        <div style="margin-top: 20px">
            <button id="submit_login" class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
        </div>
    </form>

</div>

</body>
<script>
    function changeCheckCode(img) {
        img.src="user/code?"+new Date().getTime();
    }
</script>
</html>